<script type="text/javascript" src="js/numberformatter/jshashtable-2.1.js"></script>
<script type="text/javascript" src="js/numberformatter/jquery.numberformatter-1.2.3.min.js"></script>
<script type="text/javascript" src="js/autoNumeric/autoNumeric-1.7.4.js"></script>
<div class="container_16 containerHeight">
    <div class="grid_12 push_1">
        <h2><?=lang("solicitudDeposito");?></h2>
        <form action="backend/deposito/deposito/solicitar" method="post" id="frmSolDep">
            <input type="hidden" id="capMin" value="<?= $deposito[0]->importeMinimo?>"/>
            <input type="hidden" name="idDep" value="<?= $deposito[0]->id?>"/>

            <fieldset style="border-color: red;">
                <legend><?= lang('seleccionaCuenta');?></legend>
                <table>
                    <?php foreach ($cuentas as $c) { ?>
                    <tr>
                        <td>
                            <input saldo="<?= $c->saldo ?>" id="<?=$c->id?>" type="radio" value="<?=$c->id?>"
                                   name="cuenta"/>
                            <label
                                for="<?=$c->id?>"><?= $c->codigoEntidad . ' - ' . $c->codigoOficina . ' - ' . $c->codigoControl . ' - ' . $c->codigoCuenta . "     - <b>Saldo:</b> " . number_format($c->saldo, 2, ",", ".")?>&euro;</label>
                        </td>
                    </tr>
                    <?php }?>
                    <tr>
                        <td><span id="fondos" style="display:none;"><?=lang("importeIncorrecto");?></span></td>
                    </tr>
                </table>
            </fieldset>
            <br/>
            <fieldset style="border-color: red;">
                <legend><?= lang('introduceCantidad');?></legend>
                <table width="100%">
                    <tr>
                        <td colspan="2" style="display: inline-block;">
                            <label for="money"><?= lang('saldo');?></label>
                            <input type="text" id="money" size="15" readonly name="saldo"/>&euro;</td>
                        <td>
                            <div style="width: 300px; display: none" id="slider"></div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <span id="errorCuenta" style="display: none;"><?=lang("faltandatos")?></span>
                            <span id="errorImporte" style="display:none;"><?=lang("importeIncorrecto");?></span>
                        </td>
                    </tr>
                </table>
                <button type="button" id="subm"><?= lang('solicitar');?></button>
            </fieldset>
        </form>
    </div>
</div>
<div id="oculto" style="display: none">
    <?= lang('estasSeguro');?>
</div>
<div id="ocultoFaltanDatos" style="display: none">
    <center><?= lang('faltandatos');?></center>
</div>
<div id="ocultoErrorImporteMinimo" style="display: none">
    <center><?= lang('importeIncorrecto');?></center>
</div>
<div id="fondosInsuficientes" style="display: none">
    <center><?= lang('fondosInsuf');?></center>
</div>
<script type="text/javascript">

    $(document).ready(function () {
        $("#money").autoNumeric({aSep:'.', aDec:','});
        $('*').keypress(function (e) {
            // if the key pressed is the enter key
            if (e.keyCode == 13) {
                $("#money").change();
                return false;
            }
        });

        $("#money").change(function () {
            $("#slider").slider("option", "value", $(this).val());
        });

        $("input[name=cuenta]:radio").click(function () {
            var max = parseInt($(this).attr("saldo").split(".")[0]);
            var min = parseInt($("#capMin").val().split(".")[0]);
            if (max > 0 && max >= min) {
                $("#money").removeAttr('readonly');
                $("#slider").css("display", "");
                $("#slider").slider("option", "max", max);
                $("#slider").slider("option", "min", min + 1);
                $("#slider").slider("option", "value", parseInt(((max - min) / 2) + min));
                $("#slider").slider("option", "step", 100);
            } else {
                $("#fondosInsuficientes").dialog({
                    modal:true,
                    height:150,
                    width:250,
                    resizable:false,
                    buttons:[
                        {
                            text:"Aceptar",
                            click:function () {
                                $(this).dialog("close");
                            }}
                    ]});

                $("input:radio").attr("checked", false);
                $("#slider").css("display", "none");
                $("#money").val("");
            }
        });
        $("#slider").slider({
            value:1001,
            step:100,
            min:1000,
            max:5423,
            slide:function (event, ui) {

                $("#money").val(ui.value);
                $("#money").formatNumber({format:"#,###.##", locale:'es'});


            }
        });

        $("#subm").click(function () {

            if ($("#money").attr("value") !== "") {
                $('#oculto').dialog({
                    modal:true,
                    height:150,
                    width:250,
                    resizable:false,
                    buttons:[
                        {
                            text:"Cancelar",
                            click:function () {
                                $(this).dialog("close");
                            }
                        },
                        {
                            text:"Aceptar",
                            click:function () {
                                $(this).dialog("close");
                                solicita();
                            }
                        }
                    ]
                });
            } else {
                /*$("#ocultoFaltanDatos").dialog({
                    modal:true,
                    height:150,
                    width:250,
                    resizable:false,
                    buttons:[
                        {
                            text:"Cancelar",
                            click:function () {
                                $(this).dialog("close");
                            }}
                    ]
                });*/
                $("#errorCuenta").attr("style", "color:red");
            }
        });
        function solicita() {
            var capMin = parseInt($("#capMin").val());
            var importe = $("#money").val().replace(/\056/g, "");
            importe = importe.replace(/\054/g, ".");

            var maxcuenta = parseInt($("input[name=cuenta]:checked").attr("saldo").split(".")[0]);

            if ((capMin > importe) || isNaN(importe) || (maxcuenta < importe)) {
                /*$("#ocultoErrorImporteMinimo").dialog({
                    modal:true,
                    height:150,
                    width:250,
                    resizable:false,
                    buttons:[
                        {
                            text:"Cancelar",
                            click:function () {
                                $(this).dialog("close");
                            }}
                    ]
                });*/
                $("#errorImporte").attr("style", "color:red");
            } else {
                var importe = $("#money").val().replace(/\056/g, "");
                importe = importe.replace(/\054/g, ".");
                $("#money").val(importe);


              $("#frmSolDep").submit();
            }
        }
    });
</script>